<style lang="stylus" scoped>
  .walletList
    width: 100%;
    height: auto;
    padding 0 1.25rem;
    box-sizing border-box
    margin-top: 1.5rem!important;
    .item
      display: flex;
      width: 100%;
      margin-top: .5rem;
      background: linear-gradient(to bottom,#eecf7a,#9c7614 100%);
      border-radius: 1rem;
      justify-content: space-between;
      align-items: center;
      padding: .75rem;
      box-sizing: border-box;
      .itemName
        display: flex;
        align-items: center;
        width: 40%;
        span 
          width: 3rem;
          display: flex;
          align-items: center;
          justify-content: center;
          img 
            height: 2rem;
        p 
          font-size: 1.375rem;
          color: white;
          margin-left: .5rem;
      .num
        font-size: 1.5rem;
        color: white;
        font-weight: 500;
</style>

<template>
  <div class="walletList mt15">
    <a class="item" @click="change(0)">
      <div class="itemName">
        <span>
          <img src="../assets/eth.png">
        </span>
        <p>ETH</p>
      </div>
      <div class="num">0</div>
    </a>
    <a class="item" @click="change(1)">
      <div class="itemName">
        <span>
          <img src="../assets/gtbc.png">
        </span>
        <p>GTBC</p>
      </div>
      <div class="num">20</div>
    </a>
  </div>
</template>

<script>
export default {
  methods:{
    change(id){
      this.$router.push(`record/${id}`)
    }
  }
}
</script>
